import React from "react";
// 函数组件: 接受props(参数)并返回React元素的JavaScript函数
function Welcome(props){
    return <h1>Hello, {props.name}</h1>;
}
export default Welcome;

// 渲染该组件
// import ReactDOM from 'react-dom';
// import Welcome from './Welcome';
const root = ReactDOM.createRoot(document.getElementById("root"));
// 渲染Welcome组件,并传递name属性
root.render(<Welcome name="world" />);

// function Hello() {
//     return <h1>Hello from a new component</h1>
// }
// export default Hello;